De flex-flow eigenschap

Syntaxis

flex-flow: <'flex-richting'> <'flex-wrap'>

De initiële waarde van de flex-flow eigenschap is de aaneenschakeling van de initiële waarden van de flex-direction en flex-wrap eigenschappen:

flex-flow: row nowrap;

In de volgende voorbeelden zie je het resultaat van het instellen van verschillende flex-flow waarden voor een flex container.

De voorbeelden tonen het resultaat van het toepassen van de rij en kolom waarden van de eigenschap flex-richting met de verschillende waarden van de eigenschap flex-wrap. Probeer het veranderen van de waarden van het pand flex-stroom naar de rij-reverse en column-reverse waarden van het pand flex-richting onder andere te zien hoe het verandert de lay-out.

De flex-flow richtingen zijn afhankelijk van de ingestelde waarde van het writing-mode attribbut.